<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel='stylesheet' type='text/css' href='lib/bootstrap.min.css'>
    <link rel='stylesheet' type='text/css' href='stylesheets/login.css'>
    <link rel="shortcut icon" href="" type="image/x-icon" />
    <!--<link rel='stylesheet' type='text/css' href='../static/css/in-main.css'>-->
    <style>
        body{
            background-color: #ebeee7;
            background-image: url('https://image.rulili.com/email/sign.jpg');
            /*background-size:100% 100%;*/
        }
        .btn:focus, .btn:hover {
            color: #fff!important;
            text-decoration: none;
        }
    </style>
</head>
<!--<script type="text/javascript" src="../../static/lib/zepto.min.js"></script>-->
<script type="text/javascript" src="javascripts/jquery.min.js"></script>
<script type="text/javascript" src="static/js/select.js"></script>
<body>
<div class="rulily-logo rulily-top-logo">微信单页系统</div>
 <div class="panel" id="sign">
     <div class="panel-header" style="display: none;"><span class="sign-border" style="margin-right:20px">SIGN IN</span> <span>SIGN UP</span></div>
     <div class="panel-body" id="signin">
             <div class="form-group margin-small-bottom form-group-lg">
                 <label style="margin-bottom:5px;margin-top:5px;">用户名</label>
                 <input type="email" class="form-control" name="email" placeholder="" id="email" value="" style="font-size: 14px">
                 <p class="ac-pa-error" style="display: none">用户名不能为空</p>
             </div>
             <div class="form-group form-group-lg">
                 <label style="margin-bottom:5px;margin-top:5px;">密码</label>
                 <input type="password" class="form-control" placeholder="" name="password" id="password" style="font-size: 14px">
                 <p class="ac-pa-error" style="display: none">密码不为空</p>
             </div>
             <div class="margin-small-top">
                 <label style="color:#999;margin-bottom:15px;"><input name="isKeep" type="checkbox" value="1"  id="isKeep" style="margin-right:5px;"/>记住我</label>
                 <button type="button"  class="btn btn-rulily-sign-in" style="font-size: 14px">
                     登录
                 </button>
                 <p class="ac-pa-error-n" style="display: none;margin-top:10px;color:#f02d40;">用户名或密码错误!</p>
                  </div>
             <div class="lost-pass" style="display: none;">
                 Forget your password?
             </div>

     </div>
     <div class="panel-body" id="signup">
             <div class="form-group margin-small-bottom form-group-lg">
                 <label style="">Email</label>
                 <input type="email" class="form-control" name="email" placeholder="" value="" style="font-size: 14px">
                 <p class="ac-pa-error" style="display: none">The email field is required</p>
             </div>

             <div class="form-group form-group-lg">
                 <label style="">Password</label>
                 <input type="password" class="form-control" placeholder="" name="password" style="font-size: 14px">
                 <p class="ac-pa-error" style="display: none">The password field is required</p>
             </div>
             <div class="form-group form-group-lg">
                <label style="">NickName</label>
                <input type="text" class="form-control" placeholder="" name="nickname" style="font-size: 14px">
                <p class="ac-pa-error" style="display: none">The nickname field is required</p>
             </div>
             <div class="margin-small-top">

                 <button type="button"  class="btn btn-rulily-sign-in" style="font-size: 14px;margin-top:8px;">
                     SIGN UP
                 </button>
                 <p class="ac-pa-error" style="display: none;margin-top:10px;">error</p>

             </div>

     </div>
 </div>
 <div class="panel" id="word" style="height:325px;display: none;">
    <div class="panel-header"><span class="sign-border" style="margin-right:20px">FORGOT PASSWORD?</span></div>
    <div class="panel-body" id="forword">
        <div class="form-group margin-small-bottom form-group-lg">
            <label style="">Email Address</label>
            <input type="email" class="form-control" name="email" placeholder="" value="" style="font-size: 14px">
            <p class="ac-pa-error" style="display: none">The email field is required</p>
        </div>
        <div class="margin-small-top">
            <button type="button"  class="btn btn-rulily-sign-in" style="font-size: 14px;margin-top:8px;">
                Send a link to reset
            </button>
            <p class="ac-pa-error" style="display: none;margin-top:10px;">error</p>

        </div>
        <div class="back-pass">
            Back to Sign in
        </div>

    </div>
 </div>
<div class="panel" id="addEmail" style="height:400px;display: none;">
    <div class="panel-header"><span class="sign-border" style="margin-right:20px">Add Email</span></div>
    <div class="panel-body" id="foraddEmail">
        <div class="form-group margin-small-bottom form-group-lg">
            <label style="">Email Address</label>
            <input type="email" class="form-control" name="email" placeholder="" value="" style="font-size: 14px">
            <p class="ac-pa-error" style="display: none">The email field is required</p>
        </div>
        <div class="form-group form-group-lg">
            <label style="">Password</label>
            <input type="password" class="form-control" placeholder="" name="password" style="font-size: 14px">
            <p class="ac-pa-error" style="display: none">The password field is required</p>
        </div>
        <div class="margin-small-top">
            <button type="button"  class="btn btn-rulily-sign-in" style="font-size: 14px;margin-top:8px;">
                Add
            </button>
            <p class="ac-pa-error" style="display: none;margin-top:10px;">error</p>
            <p style="margin-top:20px;">Please complete your RSpider profile with email address & password！</p>

        </div>


    </div>
</div>
<div class="panel" id="reset" style="height:350px;display: none;">
    <div class="panel-header"><span class="sign-border" style="margin-right:20px">Reset PassWord</span></div>
    <div class="panel-body" id="changword">
        <div class="form-group margin-small-bottom form-group-lg">
            <label style="">Set a new password</label>
            <input type="password" class="form-control" name="newpassword" placeholder="" value="" style="font-size: 14px">
            <p class="ac-pa-error" style="display: none">The password field is required</p>
        </div>
        <div class="form-group form-group-lg">
            <label style="">Confirm password</label>
            <input type="password" class="form-control" placeholder="" name="confirmpassword" style="font-size: 14px">
            <p class="ac-pa-error" style="display: none">The password field is required</p>
        </div>
        <div class="margin-small-top">
            <button type="button"  class="btn btn-rulily-sign-in" style="font-size: 14px;margin-top:8px;">
                Reset PassWord
            </button>
            <p class="ac-pa-error" style="display: none;margin-top:10px;">error</p>

        </div>


    </div>
</div>

</div>

</body>
<script type="text/javascript" src="javascripts/login.js"></script>
</html>
